﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.Master" AutoEventWireup="true" CodeBehind="AboutMe.aspx.cs" Inherits="JohnnySins.Admin.AboutMe" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="page_title">
        <h1>About Me</h1>   
    </div>

    <div class="row">
        <div class="col-sm-6 col-md-6 col-lg-5" style="display:none;">
            <div class="display_inputbox_panel">
                            	<h4>Image Banner</h4>
                                <asp:UpdatePanel ID="upBanner" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                    <div class="table-responsive">
                                       <asp:GridView ID="gridBanner" AutoGenerateColumns="false" runat="server" CssClass="table table-bordered table-hover"
                                          AllowPaging="False" PageSize="20" OnRowDataBound="gridBanner_RowDataBound" OnRowCommand="gridBanner_Command">
                                          <PagerSettings Mode="Numeric" PageButtonCount="4" NextPageText=">" PreviousPageText="<"
                                             FirstPageText="<<" LastPageText=">>" />
                                          <Columns>
                                             <asp:TemplateField HeaderText="Banner File">
                                                <ItemTemplate>
                                                   <asp:Label ID="lblBannerFileName" Text='<%# Eval("BannerFileName") %>'
                                                      runat="server" />
                                                </ItemTemplate>
                                             </asp:TemplateField>
                                             <asp:TemplateField HeaderText="Status">
                                                <ItemTemplate>
                                                   <asp:Label ID="lblStatus" Text='<%# Eval("Status") %>' runat="server" />
                                                </ItemTemplate>
                                             </asp:TemplateField>
                                             <asp:TemplateField HeaderText="Action">
                                                <ItemTemplate>
                                                   <asp:ImageButton runat="server" ImageUrl="~/images/admin/action_icon/delete_icon.gif" ToolTip="Delete"
                                                      Style="vertical-align: middle;" ID="lbtnDelete" OnCommand="gridBanner_Command" CommandName="deleteBanner"
                                                      CommandArgument='<%# Eval("BannerId")%>' OnClientClick="return confirm('Please confirm if you want to delete banner')" />
                                                   <asp:ImageButton ID="btnDeactivate" OnCommand="gridBanner_Command" ToolTip="Deactivate"
                                                      Style="vertical-align: middle;" CommandName="deactivate" CommandArgument='<%# Eval("BannerId")%>'
                                                      runat="server" OnClientClick="return confirm('Please confirm if you want to deactivate banner')"
                                                      ImageUrl="~/images/admin/action_icon/deactive.png" />
                                                   <asp:ImageButton ID="btnActivate" OnCommand="gridBanner_Command" ToolTip="Activate" Style="vertical-align: middle;"
                                                      CommandName="activate" CommandArgument='<%# Eval("BannerId")%>' runat="server"
                                                      OnClientClick="return confirm('Please confirm if you want to activate banner')"
                                                      ImageUrl="~/images/admin/action_icon/logout.png" />
                                                </ItemTemplate>
                                             </asp:TemplateField>
                                          </Columns>
                                       </asp:GridView>
                                    </div>
                                 </ContentTemplate>
                                </asp:UpdatePanel>
                              <div class="button_group">
                                 <div class="row">
                                    <div class="col-sm-6 col-lg-5">
                                        <asp:Button ID="btnBannerUpload" ClientIDMode="Static" Text="Upload New"
                                          runat="server" onclick="btnBannerUpload_Click" style="display:none;" />
                                       <asp:FileUpload runat="server" ID="fuBanner" ClientIDMode="Static" style="display:none;" onchange="$('#btnBannerUpload').click()"/>
                                       <asp:Button CssClass="btn btn-default" ID="btnBannerFile" Text="Upload New"
                                          runat="server" OnClientClick="$('#fuBanner').click(); return false;" />
                                    </div>
                                    <div class="col-sm-6 col-lg-7">
               
                                    </div>
                                 </div>
                              </div>
            </div>
        </div>
                        
        <div class="col-sm-6 col-md-6 col-lg-7">
            <div class="display_inputbox_panel">
                            <asp:UpdatePanel runat="server" ID="upAboutMe" UpdateMode="Conditional" OnLoad="upAboutMe_Load">
                            <ContentTemplate>
                            	<h4>About Me</h4>
                                <div class="display_inputbox_content">
                                	
                                    <div class="form-group">
                                        <label for="inputname" class="col-sm-4 col-md-2 control-label custom_label">Message</label>
                                        <div class="col-sm-8 col-md-10">
                                            <asp:TextBox CssClass="form-control" ID="txtAboutMe" runat="server" TextMode="MultiLine"
                                                Rows="5" ValidationGroup="AboutMe" />
                                        </div>
                                    </div>
                                   
                                </div>
                                <div class="button_group">
                                    <asp:Button CssClass="btn btn-success" ID="btnSaveAboutMe" ValidationGroup="AboutMe"
                                        Text="Save" runat="server" OnClick="btnSaveAboutMe_Click" />
                                    <asp:Button CssClass="btn btn-info" ID="btnCancelAboutMe" Text="Cancel" runat="server"
                                        OnClick="btnCancelAboutMe_Click" />
                                </div>
                            </ContentTemplate>
                            <Triggers>
                               <asp:AsyncPostBackTrigger ControlID="btnSaveAboutMe" EventName="Click" />
                               <asp:AsyncPostBackTrigger ControlID="btnCancelAboutMe" EventName="Click" />
                            </Triggers>
                         </asp:UpdatePanel>
            </div>
        </div>
    </div>

    <!--start edit profile-->
    <div class="edit_profile_panel">
        <h4>Edit Profile</h4>
            <asp:UpdatePanel runat="server" ID="upProfile" UpdateMode="Conditional" OnLoad="upAboutMe_Load">
            <ContentTemplate>
                        <div class="edit_profile_fields">
                            <div class="row">
                            
                                <div class="col-sm-6 col-lg-6">                                
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Ethnicity:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtEthnicity"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Country of Origin:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtCountryOfOrigin"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Province / State:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtState"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Place of Birth:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtPlaceOfBirth"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">City:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtCity"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Date of Birth:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtDateOfBirth"></asp:TextBox>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-sm-6 col-lg-6">                                	
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Eye Color:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtEyeColor"></asp:TextBox>
                                        </div>
                                    </div>
                                                                        
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Hair Color:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtHairColor"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Heigth:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtHeight"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Weight:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtWeight"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">My Twitter:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtMyTwitter"></asp:TextBox>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="" class="col-sm-4 col-md-4 control-label custom_label">Website Twitter:</label>
                                        <div class="col-sm-8 col-md-8">
                                            <asp:TextBox runat="server" class="form-control" ID="txtWebsiteTwitter"></asp:TextBox>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>                            
                            
                        </div>
                        
                        <div class="button_group">
                            <asp:Button CssClass="btn btn-success" ID="btnSaveProfile" ValidationGroup="Profile"
                                Text="Save" runat="server" OnClick="btnSaveProfile_Click" />
                            <asp:Button CssClass="btn btn-info" ID="btnCancelProfile" Text="Cancel" runat="server"
                                OnClick="btnCancelProfile_Click" />
                        </div>
            </ContentTemplate>
            <Triggers>
               <asp:AsyncPostBackTrigger ControlID="btnSaveProfile" EventName="Click" />
               <asp:AsyncPostBackTrigger ControlID="btnCancelProfile" EventName="Click" />
            </Triggers>
         </asp:UpdatePanel>
                        
    </div>
    <!--end edit profile-->
</asp:Content>
